<template>
<div>
  <div class="placeholder">
<el-upload
  class="upload-demo"
  ref="upload"
  action="http://localhost:3000/upload/"
  :on-preview="handlePreview"
  :on-remove="handleRemove"
  :file-list="fileList"
  :auto-upload="false">
  <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
  <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
  <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
</el-upload></div></div>
</template>
<script>
import ImageList from '../components/imageList.vue';
  export default {
    name: "upload",
    data() {
        return {
            fileList: []
        };
    },
    methods: {
        submitUpload() {
            this.$refs.upload.submit();
            this.$refs.child. change();
        },
        handleRemove(file, fileList) {
            console.log(file, fileList);
        },
        handlePreview(file) {
            console.log(file);
        }
    },
    components: { ImageList }
}
</script>
<style>
.placeholder {
  border: 3px dashed #e6e6e6;
  min-height: 238px;
  padding-top: 158px;
  text-align: center;
  color: #cccccc;
  font-size: 18px;
  position: relative;
}

</style>